/* Reset Css */
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
body {
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:100%;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
a { text-decoration: none; }
a:hover { text-decoration:none; }
a img { border:0}
.clear { clear:both }
/* @font-face{
	font-family:myFirstFont;
	src:url(../fonts/Britanic.ttf);
}*/
/* Reset Css */

.wrapper{
 position: absolute;
 width:100%;
 height:100%;
 /* Safari 4-5, Chrome 1-9 */
 background-image: -webkit-gradient(radial, center center, 0, center center, 143, color-stop(0, #7e4d4d), color-stop(1, #4e2920));
 /* Safari 5.1+, Chrome 10+ */
 background-image: -webkit-radial-gradient(center, ellipse contain, #7e4d4d 0%, #4e2920 100%);
 /* Firefox 3.6+ */
 background-image: -moz-radial-gradient(center, ellipse contain, #7e4d4d 0%, #4e2920 100%);
 /* IE 10 */
 background: -ms-radial-gradient(center, ellipse contain, #7e4d4d 0%, #4e2920 100%);
 background-size:100% 100%;
}
input.btn{
 padding: 1% 1.5%;
 color: #feff33;
 font-weight:bold;
 /* IE10 */ 
 background: -ms-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Mozilla Firefox */ 
 background: -moz-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Opera */ 
 background: -o-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d0000), color-stop(1, #b55853));
 /* Webkit (Chrome 11+) */ 
 background: -webkit-linear-gradient(bottom, #3d0000 0%, #b55853 100%); 
 border: 2px solid #feff33;
 border-radius: 6px;
 cursor: pointer;
}

#infoTbl{
 background:#ccc;
 padding:0.5% 2%;
 text-align:center;
 position:absolute;
 right:0%;
 top:0%;
 border-radius:0 0 0 50px;
 color:#000;
}

#tblGame{
 position: relative;
 width:100%;
 height:90%;
 text-align:center;
}

#tblGame #table{
 margin:auto;
 position:relative;
 top:5%;
 width:90%;
 height:90%;
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#025218), color-stop(0.25, #087824), color-stop(0.5, #0c9b1f), color-stop(0.75, #087824), to(#025218));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-linear-gradient(top, #025218, #087824, #0c9b1f, #087824, #025218); 
 /* Firefox 3.6+ */
 background: -moz-linear-gradient(top, #025218, #087824, #0c9b1f, #087824, #025218);
 /* IE 10 */
 background: -ms-linear-gradient(top, #025218, #087824, #0c9b1f, #087824, #025218);
 /* Opera 11.10+ */
 background: -o-linear-gradient(top, #025218, #087824, #0c9b1f, #087824, #025218);
 border: 10px solid #600;
 border-radius: 150px;
 z-index:100;
 text-align:center;
 font-size:100%;
}
#table #btnStart{
 position:relative;
 top:22%;
 margin:auto;
 z-index:1000;
}

/***************** CARD OF GAMER ***************/
#table .card{
 border:1px solid #600;
 border-radius:5px;
 width:7%;
 height:20%;
 cursor:pointer;
 display:none;
}
#table #cardAll{
 position:absolute;
 top:40%;
 left:46%;
 background:url(../image/matsau.png) no-repeat; 
 background-size:100% 100%;
 background-position:center;
}
#table #cardBot{
 position:absolute;
 top:78%;
 left:22.5%;
 width:56%;
 height:20%;
 display:none;
 z-index:5;
}
#table #cardLeft{
 position:absolute;
 top:40%;
 left:80%;
 background:url(../image/matsau.png) no-repeat;
 background-size:100% 100%;
 background-position:center;
}
#table #cardTop{
 position:absolute;
 top:5%;
 left:46%;
 background:url(../image/matsau.png) no-repeat;
 background-size:100% 100%;
 background-position:center;
}
#table #cardRight{
 position:absolute;
 top:40%;
 left:10.5%; 
 background:url(../image/matsau.png) no-repeat;
 background-size:100% 100%;
 background-position:center;
}
#table #cardBot .card{
 position:absolute;
 width:12.5%;
 height:100%;
 background-size:100% 100%;
 background-position:center;
 background-repeat:no-repeat;
 text-align:left;
}
#table #cardBot .cardTake{
 position:absolute;
 border: 2px dashed #FF3;
 border-radius:6px;
}
#table #cardBot .cardTake .card{
 width:90%;
 height:93%;
 margin:3.5% 4%;
}
#table .spanNum{
 font:bold 100% Tahoma, serif;
 border-radius:5px;
 margin:1% 1%;
}

/******************* GAMBLE CARD *********************/
#table .gamble{
 position:absolute;
 width:20%;
 height:20%;
 display:none;
}
#table #gamerBot_gamble{
 top:56%;
 left:55%;
}
#table #gamerRight_gamble{
 top:19%;
 left:55%;
}
#table #gamerTop_gamble{
 top:19%;
 left:23%;
}
#table #gamerLeft_gamble{
 top:56%;
 left:23%;
}
#table .gamble .card_gamble{
 position:absolute;
 width:35%;
 height:100%;
 border:1px solid #600;
 border-radius:5px;
 background-repeat: no-repeat;
 background-size:100% 100%;
 background-position:center;
 text-align: left;
 cursor:pointer;
}

/******************* DOWN CARD *********************/
#table .downCard{
 position: absolute;
 width:26%;
 height:40%;
 z-index:1000;
 display:none;
}
#table #downBot{
 top:62%;
 left:75%;
}
#table #downLeft{
 top:-7%;
 left:75%;
}
#table #downTop{
 top:-7%;
 left:-5%;
}
#table #downRight{
 top:62%;
 left:-5%;
}

#table .downCard .downState{
 width:100%;
 height:50%;
 float:left;
 position:relative;
 top:0%;
}

#table .downCard .card{
 position:absolute;
 width: 26%;
 height: 99%;
 border:1px solid #600;
 border-radius:5px;
 background-repeat: no-repeat;
 background-size:100% 100%;
 background-position:center;
 text-align: left;
 display:block;
}

#table .timer{
 position:absolute;
 width:5%;
 line-height:100%;
 font-size:100%;
 font-weight:bold;
 color:#fff;
 display:none;
}
#table #timerBot{
 top:73%;
 left:47%;
}
#table #timerLeft{
 top:48%;
 left:74%;
}
#table #timerTop{
 top:24%;
 left:47%;
}
#table #timerRight{
 top:46%;
 left:19%;
}

/************* INFO & SEAT GAMER *************/
#tblGame .infoSeat{
 position:absolute;
 width:15%;
 border:1px solid #300;
 border-radius:5px;
 background: rgba(0,0,0,0.3);
 text-align:center;
 font-weight:bold;
 font-size:75%;
 z-index:150;
}
#tblGame .infoSeat ul li{
 border-bottom:1px solid #ccc;
 padding: 2% 0%;
 overflow:hidden;
 text-overflow:ellipsis;
}
#tblGame .infoSeat ul li:last-child{
 border-bottom:0px;
}
#tblGame #infoSeatRight{
 top:42.5%;
 left:84%;
}
#tblGame #infoSeatLeft{
 top:42.5%;
 left:0%;
}

#tblGame .tblSeat{
 position:absolute;
 width:50%;
 border:1px solid #300;
 border-radius:5px;
 background: rgba(0,0,0,0.3);
 z-index:150;
 overflow:hidden;
 text-overflow:ellipsis;
}
#tblGame #infoSeatBot{
 top:100%;
 left:25%;
}
#tblGame #infoSeatTop{
 top:1%;
 left:25%;
}
#tblGame .tblSeat .tblInfo{
 width:100%;
 font-weight:bold;
 font-size:80%;
}
.tblSeat .tblInfo td{
 padding:0.75% 0%;
 border-right:1px solid #ccc;
}
.tblSeat .tblInfo td.infoName{
 width:40%;
}
.tblSeat .tblInfo td.infoMoney{
 width:20%;
}
.tblSeat .tblInfo td:last-child{
 width:40%;
 border-right:0px;
}

#tblGame .infoName{
 color: #fffe01;
}
#tblGame  .infoMoney{
 color:#fff;
}
#tblGame .infoIP{
 color: #ccc;
}
#tblGame .infoSameIP{
 color: #aa0d0e;
}


/************ BUTTON PLAY GAME ***************/
#btnUlti{
 position:absolute;
 top:1%;
 left:0.5%;
 width:30%;
}
#tblBtn{
 position:absolute;
 bottom:0.5%;
 width:100%;
 height:5%;
 z-index:500;
}
#tblBtn .cellL{
 text-align:left;
}
#tblBtn .cellR{
 text-align:right;
}
#back{
 font-size:80%;
}
#chat{
 font-size:80%;
}
#sort{
 font-size:80%;
}
#gamble{
 font-size:80%;
}
#attach{
 font-size:80%;
}
#down{
 font-size:80%;
}

/********** POPUP **********/
#bgPopUp{
 position:fixed;
 height:100%;
 width:100%; 
 top:0;
 left:0;
 background:#000;
 opacity:0.5;
 filter:alpha(opacity=50);
 z-index:1000;
}  
.popUp{
 display:none;
 top:33%;
 left:40%;
 position:fixed;
 padding:1%;
 _position:absolute; /*hack for internet explorer 6 */
 /* IE10 */
 background: -ms-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Mozilla Firefox */ 
 background: -moz-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Opera */ 
 background: -o-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d0000), color-stop(1, #b55853));
 /* Webkit (Chrome 11+) */ 
 background: -webkit-linear-gradient(bottom, #3d0000 0%, #b55853 100%); 
 border:2px solid #feff33;
 border-radius: 6px;
 z-index:1001;
 text-align:center;
 font-size:85%;
}
.popupClose{
 position:absolute;
 right:1%;
 top:0%;
 font-size:90%;
 font-weight:bold;
 color:#ccc;
 cursor:pointer;
}
.divInputPopUp{
 margin:4% 0%;
 color:#fff;
 font-weight:bold;
}
.divBtnPopUp{
 text-align:center;
 margin: 4% 0% 1%;
}
.btnPU{
 padding: 1% 1.5%;
 color: #feff33;
 font-weight:bold;
 /* IE10 */ 
 background: -ms-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Mozilla Firefox */ 
 background: -moz-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Opera */ 
 background: -o-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d0000), color-stop(1, #b55853));
 /* Webkit (Chrome 11+) */ 
 background: -webkit-linear-gradient(bottom, #3d0000 0%, #b55853 100%); 
 border: 1px solid #feff33;
 border-radius: 5px;
 cursor: pointer;	
}
.tblSelect{
 color:#de3;
 margin:auto;
}
.lblSelect{
 cursor:pointer;
}